<template>
  <el-container>
    <el-main>
      <el-table :data="tableData" :header-cell-style="tableHeaderColor">
        <el-table-column prop="sno" label="学号"></el-table-column>
        <el-table-column prop="sname" label="姓名"></el-table-column>
        <el-table-column prop="ssex" label="性别"></el-table-column>
        <el-table-column prop="sage" label="年龄"></el-table-column>
        <el-table-column prop="ses" label="学制"></el-table-column>
        <el-table-column prop="slocation" label="地区"></el-table-column>
        <el-table-column prop="spo" label="政治面貌"></el-table-column>
        <el-table-column prop="snation" label="民族"></el-table-column>
        <el-table-column prop="srp" label="奖惩记录"></el-table-column>
        <el-table-column prop="sstm" label="休复转退标记"></el-table-column>
        <el-table-column prop="smajor" label="所在专业"></el-table-column>
        <el-table-column prop="syear" label="年级"> </el-table-column>
      </el-table>
    </el-main>
  </el-container>
</template>

<script>
export default {
  methods: {
    tableHeaderColor({ row, column, rowIndex, columnIndex }) {
      return 'background-color:lightblue;color:#fff;font-wight:500;font-size:20px;text-align:center'
    }
  },
  data() {
    const item = {

    };
    return {
      tableData: Array(1).fill(item)
    }
  }
};
</script>

<style scoped>
</style>